            <div class="flex justify-end mt-4">
                <button id="check-status-btn" class="btn btn-primary mr-2">检查状态</button>
                <button id="restart-service-btn" class="btn btn-danger">重启打印服务</button>
            </div> 

    <script>
        // 添加刷新文件列表按钮事件
        document.getElementById('refresh-btn').addEventListener('click', function() {
            fetchFiles();
        });

        // 检查系统状态
        document.getElementById('check-status-btn').addEventListener('click', checkSystemStatus);

        // 重启打印服务
        document.getElementById('restart-service-btn').addEventListener('click', restartPrintService);

        async function restartPrintService() {
            try {
                // 显示确认对话框
                if (!confirm('确定要重启打印服务吗？这可能会导致正在进行的打印任务中断。')) {
                    return;
                }

                // 显示重启中状态
                Alerts.info('正在重启打印服务，请稍候...');
                
                // 发送重启请求
                const response = await fetch('/restart_print_service', {
                    method: 'POST'
                });
                
                const result = await response.json();
                
                if (result.status === 'success') {
                    Alerts.success('打印服务正在重启');
                    
                    // 3秒后自动刷新状态
                    setTimeout(checkSystemStatus, 3000);
                } else {
                    throw new Error(result.message || '重启服务失败');
                }
            } catch (error) {
                console.error('重启打印服务失败:', error);
                Alerts.error('重启打印服务失败: ' + error.message);
            }
        }

        async function checkSystemStatus() {
            // ... existing code ...
        }

        // 页面加载时检查系统状态
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(checkSystemStatus, 1000);
        });
    </script> 